page-forget
{
  // 头部
  .forget-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 内容
  .forget-section
  {
    // 内容页面
    .scroll-content
    {
      background-color: $office-page-background;

      // 输入表单
      form
      {
        >ion-item
        {
          padding-left: px2rem(32);
          height: px2rem(88);
          border: 0;
          .item-inner
          {
            padding-right: px2rem(32);
            border: 0;
            // 文字显示
            .input-wrapper
            {
              height: 100%;
              ion-label
              {
                height: 100%;
                line-height: px2rem(87);
                margin: 0;
                color: $office-light-black-nine;
                font-size: px2rem(28);
                // 输入框
                >input
                {
                  float: left;
                  border: 0;
                  padding: 0;
                  width: px2rem(459);

                  &.msg-code-input
                  {
                    width: px2rem(340);
                  }
                }
                // 清除按钮
                >span.clear-button
                {
                  float: right;
                  width: px2rem(28);
                  height: px2rem(28);
                  margin: px2rem(30) px2rem(64) 0 0;
                  background: url("../assets/img/login/clear-button.png") no-repeat center;
                  background-size: contain;
                }
                >span.show-time
                {
                  float: right;
                  font-size: px2rem(32);
                  padding-left: px2rem(32);
                  text-align: right;
                  border-left: 1px solid $office-border-color;
                  color: $office-light-black-nine;
                }
                >span.show-pwd
                {
                  float: right;
                  width: px2rem(55);
                  height: px2rem(32);
                  margin: px2rem(25) px2rem(54) 0 0;

                  &.visible
                  {
                    background: url("../assets/img/login/visible.png") no-repeat center;
                    background-size: contain;
                  }
                  &.unvisible
                  {
                    background: url("../assets/img/login/unvisible.png") no-repeat center;
                    background-size: contain;
                  }
                }
                // 按钮
                >button
                {
                  float: right;
                  text-align: right;
                  height: 100%;
                  margin: 0;
                  padding: 0 0 0 px2rem(32);
                  font-size: px2rem(30);
                  color: $office-default;

                  &.hasBorder
                  {
                    border-left: 1px solid $office-border-color;
                  }
                }
              }
            }

          }
        }
        >ion-item{
          &:nth-child(1) {
            .item-inner
            {
              border-bottom: 1px solid $office-ion-item-border-color;
            }
          }
          &:nth-child(2),&:nth-child(3)  {
            border-bottom: 1px solid $office-ion-item-border-color;
          }
          &:nth-child(1),&:nth-child(3) {
            margin-top: px2rem(20);
            border-top: 1px solid $office-ion-item-border-color;
          }
        }

        // 按钮
        >button
        {
          height: px2rem(88);
          margin: px2rem(58) 0 0 0 !important;
          span
          {
            font-size: px2rem(36);
          }
          @include office-background();
          @include office-button-disable;
        }
      }
    }
  }
}

